.find-view {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.content {
  overflow-y: scroll;
}

.banner {
  height: 20vh;
}

.centerNav {
  display        : flex;
  justify-content: space-around;
  margin         : 1vh 0px 3vh 0px;
}

.centerNav-items {
  display        : block;
  text-decoration: none;
  height         : 16vw;
  width          : 16vw;
}

.items-icon {
  background-color: red;
  height          : 70%;
  width           : 70%;
  margin          : 5px auto;
  display         : flex;
  justify-items   : center;
  border-radius   : 100%;
}

.items-txt {
  font-size      : 1vw;
  text-decoration: none;
  margin-top     : 5px;
  color          : black;
}

.iconfont {
  font-size: 6vw;
  color    : white;
  margin   : auto;
}

.recommend {
  padding: 4px 4vw;
}

.rec-header {
  display        : flex;
  justify-content: space-between;
}

.rec-header>.title {
  margin   : 0px;
  font-size: 1rem;
}

.rec-header>.more {
  text-decoration: none;
  color          : rgb(133, 133, 133);
}

.rec-items {
  margin-top     : 2vh;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-around;
}

.rec-item {
  width : 32%;
  margin: 5px 0px;
}

.rec-img-warp {
  position: relative;
}

.img-warp {
  border-radius: 6px;
  overflow     : hidden;
}

.img-warp>img {
  width: 100%;
}

.number-plays {
  position   : absolute;
  top        : 3px;
  right      : 1vw;
  color      : white;
  display    : flex;
  font-size  : 10px;
  align-items: center;
}

.number-plays>.iconfont {
  font-size   : 10px;
  margin-right: 2px;
}

.rec-item-txt {
  margin        : 5px 0px;
  letter-spacing: 1px;
  color         : #4e4d4d;
  font-size     : 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}

.music-lbum{
  padding: 0px 4vw;
  margin-top: 2vh;
}
.mus-lbu-title{
  display: flex;
  justify-content: space-between;
}

.ml-titie-left{
  color: #666666;
}

.ml-href{
  text-decoration: none;
  color          : rgb(133, 133, 133);
}

.mus-lbu-main{
  display: flex;
  justify-content: space-between;
  margin: 1vh 0px;
}

.list-item{
  width: 32%;
}

.item-img-warp >img{
  width: 100%;
  border-radius: 3px;
}

.list-txt{
  margin: 3px 0 0 0;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lics{
  color: black;
  font-size: 1rem;
  font-weight: 600;
}